<html>

<head>
    <style>
        .zhishu {
            position: relative;
            width: 100px;
            height: 90px;
            background: red;
        }
        
        .singleDiv {
            background: green;
        }
    </style>
    <meta charset="utf-8" />
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script>
        function reloadData() {
            $.ajax({
                type: 'get',
                url: 'http://yunhq.sse.com.cn:32041/v1/sh1/list/self/000010_000016_000009_000132_000133_000001_000003_000012_000011_000013',
                dataType: 'jsonp',
                data: {
                    begin: 0,
                    end: 10,
                    select: 'name,last,change,chg_rate'
                },
                success: function(datas) {
                    alert(datas);
                    console.log(datas);
                    var data = datas.list;
                    var str = '';
                    for (var i = 0; i < data.length; i++) {
                        str += '<div class="zhishu">';
                        for (var j = 0; j < data[i].length; j++) {
                            str += '<div class="singleDiv">' + data[i][j] + '</div>'
                        }
                        str += '</div>'
                    }
                    $('#list').append(str);
                }
            });
        }
    </script>
</head>


<body>
    <button id="list" onclick="reloadData()">点击我请求数据</button>
</body>

</html>